<template>
	<view class="padding30">
		<view class="h88 radius20 bg-f mb20 flex row-between col-center pr30" v-for="(item,i) in list" :key='i' @click="goto(item.id)">
			<view class="fs28 flex pl30">
				<image :src="item.url" class="w40 h40 mr20"></image>
				<text>{{item.name}}</text>
			</view>
			<u-icon name="arrow-right" color="#999999"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{
					id:1,
					name:'微信',
					url:'../../static/image/my/weixin.png',
				},{
					id:2,
					name:'支付宝',
					url:'../../static/image/my/alipay.png'
				},{
					id:3,
					name:'银行卡',
					url:'../../static/image/my/pay3.png'
				}],
			};
		},
		methods:{
			goto(id) {
				if(id!=3) {
					this.$jump(`/pages/my/binding?from=${id}`)
				}else {
					this.$jump(`/pages/my/binding_card`)
				}
			}
		}
	}
</script>

<style lang="scss">

</style>
